@charset "utf-8";
/* 狮吼TV */

body        { margin:0; font-size:14px; font-family:"黑体"; background:#1a150e; color:#fff; }
.wrap       { }
.wrap img   { width:100%; display:block; }
.header     { position:relative; width:100%; overflow:hidden; }

.share      { position:absolute; width:50%; left:50%; margin-left:-25%; bottom:5%; z-index:2;}
.phb1          { width:100%; background:url(../img/line.jpg) repeat-y; background-size:100%; overflow:hidden;}
.phb1 h2       { padding-bottom:5px; color:#f9b535; width:80%; margin:0 auto; font-weight:normal; height:36px; line-height:30px; text-align:center; overflow:hidden; font-size:14px;  border-bottom:1px solid #3c3328;}
.phb1 h2 img   { float:left; width:58%;}
.phb1 h2 .wdl  { width:77px; height:36px; float:right; background:url(../img/wdl.png) left 5px no-repeat; background-size:77px 25px;}
.phb1 h2 a     { width:50%; float:left;color:#f9b535;}
.phb1 ul       { padding:0 9%; overflow:hidden; }
.phb1 ul li    { width:50%; padding:10px 0; float:left; position:relative;  border-bottom:1px solid #3c3328;}
.phb1 ul li span { width:59%; color:#ae8339; font-size:14px; float:left; }
.phb1 ul li span p   { overflow:hidden; height:20px; line-height:20px;}
.phb1 ul li span .number a    { font-size:12px;}
.phb1 ul li span p a {  color:#ae8339; overflow:hidden; font-size:14px;}
.phb1 .font1 .iconImg{ width:39px; height:39px; float:right; display:block; margin-right:5px; border-radius:50%;}
.phb1 .font2 .iconImg{ width:39px; height:39px; float:left; display:block; margin-left:5px;border-radius:50%;}
.phb1 ul li:nth-child(even){  float:right;}
.font         { width:90%; float:left;}
.font2  { float:right; text-align:left; width:92%;}
.font1  { float:left; text-align:right; width:92%; }
.phb1 ul li .font1 span{ margin-right:1%;}
.phb1 ul li .font2 span{ margin-left:1%;}
.fjh a         { max-width:98%; }
.numben em     { width:54px;}
.numben  a     { max-width:35%;}
.icon          { position:absolute; width:20px; height:27px; text-align:center; line-height:27px; left:-10px; top:15px; z-index:2;}
.paim4         { position:absolute; width:20px; height:20px; background:#3b2d1d; border-radius:50%; color:#ae8339; text-align:center; line-height:20px; left:-10px; top:22px; z-index:2;}
.phb1 .icon img      { display:block; width:100%;}
.zk a          { width:16%; position:absolute; left:50%; margin-left:-8%; top:26%; z-index:3;}
.no1 { border:2px solid #ffb844; border-radius:50%;}
.no2 { border:2px solid #b2c9da; border-radius:50%;}
.no3 { border:2px solid #d4ac6d; border-radius:50%;}
.no4 { border:2px solid #403120; border-radius:50%;}

.hide     { display:none;}


.phbWrap      { width:39px; height:39px; display:block; position:relative; }
.phb1 ul li .phbWrap span { border-radius:50%; width:40px; height:40px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.loader-inner { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.phbWrap em   { width:39px; height:14px; background:url(../img/live.png) center center no-repeat; background-size:30px 14px; position:absolute; bottom:-4px; left:0; z-index:99999999;}
.phbWrap  img    {  border-radius:50%;}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }
.line-scale-pulse-out > div { border-radius: 1px; display: inline-block; float: left; height: 20px; margin: 0 1px; width: 2px;}


/* 弹窗 */
.pop     { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }


@media screen and (min-width:414px)
{

}
@media screen and (min-width:375px)
{

}













